body{background-color: #F1F1F1;}
.main-page{ margin: 0 auto;color: #333;background-color: #F1F1F1;font-family: 'HiraginoSansGB-W3','Microsoft YaHei','微软雅黑','SimSun','宋体','PingFang SC','STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;}
.content{padding-bottom: 53px;}

.content-top{background-color:#FF9B14 ;background-image:-webkit-linear-gradient(to bottom, #FFC149, #FF9B14); background-image:linear-gradient(to bottom,#FFC149, #FF9B14);overflow: hidden}
.user-info{padding: 0 20px;margin: 52px 0 40px;display: -webkit-box;display: -moz-box;display: flex;display:-webkit-flex;overflow: hidden}
.user-info .left{width: 60px;height: 60px;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;}
.user-info .left img{width: 100%}
.user-info .right{padding: 0 15px;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow:1;flex-grow:1;width: 0;
background:url("../images/rightW.png") no-repeat right center;background-size: 11px 20px;
}
.user-info .name{margin: 7px 0;font-size:18px;color: #fff;font-weight: 400}
.user-info .user-type{display: inline-block;line-height: 1;padding: 3px 6px;font-size:10px;color: #fff; background-color:rgba(0,0,0,.2);-webkit-border-radius:20px;border-radius: 20px;border: 1px solid #fff}
.user-info .user-type .mui-icon{font-size: 10px;color:#FFBF4D }
.user-info .user-type+.user-type{margin-left: 5px}

.mui-table-view+.mui-table-view{margin-top: 15px}
.mui-table-view-cell{    padding: 12px 15px;}
.mui-table-view-cell>a:not(.mui-btn){font-size: 16px}
.mui-table-view-cell .icon{margin-right: 10px}
.icon{display: inline-block;width:25px;height: 25px;vertical-align: middle;background: url("../images/set.png") no-repeat;background-size: 163px auto}
.icon-set{background-position: 1px -2px}
.icon-msg{background-position: -33px -2px}
.icon-serve{background-position: -70px -2px;width: 26px}
.icon-mind{background-position: -101px -2px}
.icon-me{background-position: -138px -2px}

.footer-nav{display: table; width: 100%;line-height: 1;border-top: 1px solid #f1f1f1;background-color: #fff;position: fixed;bottom: 0;left: 0;right: 0;-webkit-box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);box-shadow: 0px 0px 5px rgba(165, 165, 165, 0.15);}
.footer-nav .tap-item{display:table-cell;padding: 5px 0;text-align: center; color: #999;}
.icon-nav{display: inline-block;width: 25px;height: 25px; background: url("../images/nav.png") no-repeat;background-size: auto 25px;}
.nav-index{background-position: 0px 0px}
.nav-invoice{background-position: -32px 0px}
.nav-message{background-position: -70px 0px}
.nav-user{background-position: -103px 0px}
.footer-nav .tap-item .text{display: block;margin-top: 3px;font-size: 12px;}
.footer-nav .tap-item.active{color:#FFBE46 }
.footer-nav .tap-item.active .icon-nav{background-image:url("../images/navActive.png");}